<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String type = request.getParameter("type");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>消息列表</title>  
<%@ include file="../jslib/jquerylib.jsp" %> 
<script type="text/javascript" src="js/MessageList.js"></script> 
<link href="<%=request.getContextPath() %>/jslib/_doc/common.css" type="text/css" rel="stylesheet"/>
<link href="<%=request.getContextPath() %>/web/style/layout.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="<%=request.getContextPath() %>/jslib/lhgdialog/lhgcore.lhgdialog.min.js?skin=mac"></script>
<style>
html, body {   
    margin: 0;   
    padding: 0;   
    font-family:"Microsoft YaHei"; font-size:14px;;   
}  
.button{font-size:12px;height:21px;color:#000;padding-left:14px;padding-right:14px;border:solid 1px #4183CF;background-image:url(../images/button.gif); background-repeat:repeat-x;}
</style>    
<script type="text/javascript" src="js/reptManagerList.js"> </script>  
<script type="text/javascript">
    /**
 * 初始化消息列表的js
 * @author andrew
 */
$(document).ready(function(){ 
	// 绑定回车事件
	$(document).keypress(function(e) {
		if (e.which == 13) {
			//gridSearch();
			//reSearch();
		} 
	});
	//高级搜索需要的js
	buttonStatus=1;
	$("#flip").click(function(){
		if(buttonStatus==1){
			$("#panel").slideToggle("slow");
			$("#flip").toggleClass("btnStatus2");
			buttonStatus=1;
		}
		else{
			$("#panel").slideUp("slow");
			$("#flip").toggleClass("btnStatus2");
		}
 	});
	//高级搜索结束

 	//显示jqGrid数据的方法，和其中设置的一些属性
	$("#gridTable").jqGrid({
		url:'sysmessage!queryMessage.action?type=<%=type%>&isreceive=0&isread=0',
		datatype: "json",
		height: "345",
		autowidth: true, 
		colNames:['ID','消息名称','发起人','发送时间','状态','公告类型','已读/未读'],
		colModel:[
			{name:'id',index:'id', width:60, sorttype:"int",hidden:true,hidedlg:true}, 
			{name:'tm_notice_title',align:'left',index:'tm_notice_title', width:300,formatter: function(cellvalue, options, rowObject) {
				return "<span style='cursor:pointer' onclick='showMessage("+rowObject.id+")'>"+cellvalue+"</span>";
			}}, 
			{name:'username',align:'center',index:'username', width:150},
			{name:'tm_input_time',align:'center',index:'tm_input_time', width:150,
			  formatter:'date',
		      formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}},
			{name:'tm_status',align:'center',index:'tm_status',width:80},
			{name:'tm_notice_type',align:'center',index:'tm_notice_type',width:110},
			{name:'ttm_state',align:'center',index:'ttm_state',width:150
<%--							<%if("0".equals(type)){ %>--%>
				,hidden:true,hidedlg:true
<%--				            <%}%>--%>
				}
		],   
		shrinkToFit:false,
		sortname:'id',
		sortorder:'desc',
		viewrecords:true,
		multiselect: true, // 是否显示复选框
		multiboxonly : true, 
		gridview: true,  //提升速度
		rownumbers: true,//显示行号
		rownumWidth: 30, //行号的宽度
		rowNum:pageNumber,
		rowList:[15,20,50,200,500],
		//toolbar: [true,"top"],
		jsonReader: {
			root:"rows",		// 数据行（默认为：rows）
			page: "page",  	// 当前页
			total: "total",  // 总页数
			records: "records",  // 总记录数
			repeatitems : false		// 设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
		},
		prmNames:{rows:"rows",page:"page",sort:"sidx",order:"sord",search:"search"},
		pager:"#gridPager",
		caption: "消息列表"
		});
		//jQuery("#gridTable").closest(".ui-jqgrid-bdiv").css({'overflow-x':'scroll'});
		//setButton();
		 // 配置对话框  
	    $("#consoleDlg").dialog({  
	        autoOpen: false,      
	        modal: true,    // 设置对话框为模态（modal）对话框  
	        resizable: true,      
	        width: 500,  
	        buttons: {  // 为对话框添加按钮   
	            "取消": function() {$("#consoleDlg").dialog("close")}
	          //  "创建": createCommission
	        }  
	    }); 
			////doResize(); 
}); 	
 
function addMessage(){
    var viewSend = 'MessagetoUser.jsp?temp='+Math.round(Math.random()*10000);
    var returnStr = window.openModalDialog(viewSend,'940px','530px'); //模式对话框的效果
    refresh();
}

function viewMessage(){
	var ids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
	if (!ids) {
	    alert("请先选择记录!");  
	    return false;  
	}
	if(ids.indexOf(",")!=-1){
		alert("只能选择一条记录!");  
		return false; 
	}
	//var url = "sysmessage!viewMessage.action?id="+ids;
	//window.openModalDialog(url,'940px','600px'); //模式对话框的效果
	
	$.dialog({
        title: '消息查看',
        content: 'url:'+ 'sysmessage!viewMessage.action?id='+ids+'&temp='+Math.round(Math.random()*10000),
        okVal: false,//确定按钮文字
        cancelVal: false,//取消按钮文字
        min: true, //是否显示最小化按钮
        max: false,//是否显示最大化按钮
        fixed: false,//开启静止定位
        lock: true,//开启锁屏
        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
        time: null,//设置对话框显示时间
        resize: true,//是否允许用户调节尺寸
        drag: true,//是否允许用户拖动位置
        cache: false,//是否缓存iframe方式加载的窗口内容页
        width: '870px',
        height: 490
	});
	
	var row = jQuery("#gridTable").jqGrid('getRowData',ids);//获取选中行
	if(row.ttm_state == '未读'){
		var actionUrl = "sysmessage!updateMessageUser.action";
		$.ajax({
	       url : actionUrl,
	       type : "post",
	       data : {
				"msgid" : ids
	       },
	       dataType : "json",
	       cache : false,
		   error : function(textStatus, errorThrown) {
		       alert("系统ajax交互错误: " + textStatus.value);
		   },
		   success : function(data, textStatus) {
		   }
		});
	}
}
function showMessage(ids){
	//var url = "sysmessage!viewMessage.action?id="+ids;
	//window.openModalDialog(url,'940px','600px'); //模式对话框的效果
	$.dialog({
        title: '消息查看',
        content: 'url:'+ 'sysmessage!viewMessage.action?id='+ids+'&temp='+Math.round(Math.random()*10000),
        okVal: false,//确定按钮文字
        cancelVal: false,//取消按钮文字
        min: true, //是否显示最小化按钮
        max: false,//是否显示最大化按钮
        fixed: false,//开启静止定位
        lock: true,//开启锁屏
        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
        time: null,//设置对话框显示时间
        resize: true,//是否允许用户调节尺寸
        drag: true,//是否允许用户拖动位置
        cache: false,//是否缓存iframe方式加载的窗口内容页
        width: '870px',
        height: 490
	});
	var row = jQuery("#gridTable").jqGrid('getRowData',ids);//获取选中行
	if(row.ttm_state == '未读'){
		var actionUrl = "sysmessage!updateMessageUser.action";
		$.ajax({
	       url : actionUrl,
	       type : "post",
	       data : {
				"msgid" : ids
	       },
	       dataType : "json",
	       cache : false,
		   error : function(textStatus, errorThrown) {
		       alert("系统ajax交互错误: " + textStatus.value);
		   },
		   success : function(data, textStatus) {
		   }
		});
	}
}
function deleteMessage(){
	var ids = $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
	//alert(ids);
	if (!ids) {
		alert("请先选择记录!");  
		return false;  
	} 
	if(!confirm("是否确认删除 ？")){
		return false;
	}
	var params = {  
		"ids": ids
	};  
	var actionUrl = "sysmessage!deleteMessage.action";  
	$.ajax({  
		url : actionUrl,  
		type : "post", 
		data : params,  
		dataType : "json",  
		cache : false,  
		error : function(textStatus, errorThrown) {  
			alert("系统ajax交互错误: " + textStatus.value);  
		},  
		success : function(data, textStatus) {  
			if(data.ajaxResult=='success'){
				alert('删除成功！');
				gridSearch();
			}else{
				alert('删除是吧！');
			}
		}
	});
}

function updateMessage(){
	var ids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
	if (!ids) {
	    alert("请先选择记录!");  
	    return false;  
	}
	if(ids.indexOf(",")!=-1){
		  alert("只能选择一条记录!");  
	        return false; 
	}
	window.openModalDialog("sysmessage!gotoUpdate.action?id="+ids,'940px','600px')
}
    	//查询
function gridSearch(){
	if($("#isreceive").val()==0){
		$("#update_Message").hide();
		$("#delete_Message").hide();
	}else{
		$("#update_Message").show();
		$("#delete_Message").show();
	}
	
	var messageName = $("#messageName").val();
	var isreceive = $("#isreceive").val();
	var isread = $("#isread").val();
	var params = {  
		"messageName" : encodeURIComponent(messageName),
		"isreceive" : isreceive,
		"isread" : isread
	};
	
	//jQuery('#gridTable').appendPostData(params); 如果这个跳转不行的话，就用下面两行，反正亦然，别问为什么，不知道！
	var postData = $("#gridTable").jqGrid("getGridParam", "postData");
	$.extend(postData, params);  //(9)将postData中的查询参数覆盖为空值
	jQuery("#gridTable").jqGrid('setGridParam',
	{
		url:"sysmessage!queryMessage.action?type=<%=type%>"
	}).trigger("reloadGrid", [{page:1}]); 
}
      
      //刷新
function refresh(){
	reset();
	gridSearch();
}
function resetSearch(){
	$("#messageName").val("");
}

function show(type){
	if(type==1){
		document.getElementById("readstate").style.display="none";
		$("#isread").val("1");
	}else if(type==0){
		document.getElementById("readstate").style.display="";
		$("#isread").val("0");
	}
 }
</script>
 
</head>  

 <body>  
 	<form action="" method="post">
	 <table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
			    <td colspan="2">
				    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="font12Black_B">
				      <tr>
					  
				        <td height="35">消息名称：<input type="text" name="messageName" id="messageName" class="search_InputText" style="width:300px" /></td>
				        <%
				        	if("1".equals(type)){ 
				        %>
				        <td height="35">消息类型：
				        	<select id="isreceive" class="search_InputSelect" style="width:70%;" onchange="show(this.value)" >
				          		<option value="0">接收</option>
								<option value="1">发送</option>
				        	</select>        
				        </td>
				        <td id="readstate">状态：
							<select id="isread" class="search_InputSelect" style="width:70%;" >
								<option value="0">未读</option>
								<option value="1">已读</option>
							</select>
				        </td>
				        <%
				        	}
				        %>
				        <td width="7%" align="center"><input type="button" onclick="gridSearch()" value="查 询" class="search_Btn" /></td>
				        <td width="7%" align="center"><input type="button" onclick="resetSearch()" value="清 空" class="search_Btn" /></td>
				      </tr>
			      </table>
		      </td>
			  </tr>
			  <tr>
			    <td align="right" height="9" class="sclinebotBg" colspan="2"></td>
      </tr>
		    <tr>
              <td height="7" align="right"></td>
			</tr>
		</table>
	  
		<table style="width: 100%;" class="tableCont">
			<tr>
				<td>
					<%
	          			if("1".equals(type)){
	         		%>
					<input id="add_Message" type='button' value='添 加' onclick="addMessage()" class='button_b' />
					<%
			          	}
			        %>
			        
					<%
	          			if("1".equals(type)){
	         		%>
					<input id="update_Message" type='button' style="display:none;" value='修 改' onclick="updateMessage()" class='button_b' />
					<input id="delete_Message" type='button' style="display:none;" value='删 除' onclick="deleteMessage()" class='button_b' />
					<%
			          	}
			        %>
					<input id="view_Message" type='button' value='查 看' onclick="viewMessage()" class='button_b' />
				</td>
			</tr>
			<tr>
				<td colspan="4" style="padding-top:8px;">
					<table id="gridTable"></table>
					<div id="gridPager"></div>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>
